<template>
	<view>
		<view class="header">
			<view class="layout">
				<view @click="onBackHome">返回</view>
				<view class="header-subject">优惠卷</view>
				<view @click="onExchangeHome">兑换</view>
			</view>
		</view>
		<view>
			<view>可使用</view>
			<view>已使用</view>
			<view>已失效</view>
		</view>
		<view></view>
		<view class="bottom" @click="onReceiveHome()">去领卷中心</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			onBackHome:function(){
				uni.switchTab({
					url:"/pages/index/index"
				})
			},
			onReceiveHome:function(){
				uni.navigateTo({
					url:"/pages/coupon/receive/receive"
				})
			}
		}
	}
</script>

<style>
.header { background: #fff; position: fixed; top: 0; left: 0; right: 0; height: 60rpx; padding: 20rpx;}
.header-subject { width: 400rpx; text-align: center; font-size: 16px; color: #333; font-weight: 700;}

.bottom { position: fixed; left: 0; right: 0; bottom: 0; height: 100rpx; text-align: center; background: #fff; }
.bottom { font-size: 16px; line-height: 100rpx; }
</style>
